<style lang="scss">
.parenting {
  width: 100%;
  height: 100%;
  text-align: center;
  background: #f78348;
  img {
    width: 100%;
    height: 100%;
  }
  .btn {
    height: 60px;
    width: 300px;
    background: #ffdb14;
    border-radius: 50px;
    border: 2px solid #fff;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.3 /*  */);
  }
}
</style>
<template>
  <div>
    <!-- 返回首页 -->
    <van-nav-bar
      title="育儿知识"
      left-arrow
      @click-left="onClickLeft"
      van-nav-bar-icon-color="black"
    />
  </div>
  <div class="parenting">
    <img src="../../assets/游戏.png" alt="" />
    <button class="btn">开始挑战</button>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()
const onClickLeft = () => {
  router.go(-1)
}
</script>
